<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

    <!-- <script>
        var person = new Object();
        // JS 语法中
        // 对象的属性 ==》 直接添加（如果有，就赋值，没有就添加）
        person.name = "张三";
        person.age = 10;
        // 对象的方法 ==》 直接添加
        person.eat = function(food) {
            console.log(this.age + "岁" + this.name + "正在吃" + food);
        }

        // 访问属性
        console.log(person.name);
        console.log(person.age);
        // 访问方法
        person.eat("刀削面")
    </script> -->
    
    <script>
        var person = {
            "name":"张三",
            "age":10,
            "foods":["苹果","香蕉","橘子","葡萄"],
            "eat":function(){
                console.log(this.age + "岁" + this.name + "喜欢吃");
                for (var i = 0; i < this.foods.length; i++) {
                    console.log(this.foods[i]);
                }
            }
        }
        // 访问属性
        console.log(person.name);
        console.log(person.age);
        // 调用方法
        person.eat();
    </script>
</head>
<body>
    
</body>
</html>